<template>
	<view style="width: 100vw;background-color: #fff;">
		
		<!-- 优惠券 -->
		<view style="width: 100vw;display: flex;flex-wrap: wrap;">
			<view style="width: 50vw;" v-for="(item,index) in MallList" :key="index">
				<view style="width: 50vw;height: 15vh;">
					<image :src="item" style="width: 45vw;height: 15vh;margin-left: 2vw;" mode=""></image>
				</view>
				<view style="width: 50vw;height: 5vh;">
					<view style="width: 25vw;border-radius: 10px;line-height: 3vh; text-align: center;margin-left: 10vw;margin-top: 1vh; height: 3vh;background-color: #E43D33;color: #fff;font-size: 0.5rem;">
						200积分兑换
					</view>
				</view>
			</view>
		</view>
		<!-- 积分抵好物 -->
		<view style="width: 100vw;height: 8vh;display: flex;">
			<view style="width: 70vw;height: 8vh;font-weight: bold;margin-left: 3vw;padding-top: 3vh;">积分抵现好物</view>
			<view style="width: 20vw;height: 8vh;font-size: 0.5rem;color: #999;line-height: 8vh;">查看更多></view>
		</view>
		<!-- 商品列表 -->
		<view style="width: 100vw;display: flex;flex-wrap: wrap;">
			<view style="width: 50vw;" v-for="(item,index) in ShopList" :key="index">
				<view style="width: 50vw;height: 15vh;">
					<image :src="item.img" style="width: 45vw;height: 15vh;margin-left: 2vw;" mode=""></image>
				</view>
				<view style="width: 48vw;height: 5vh;font-size: 0.8rem;margin-left: 2vw;">
					{{item.title}}
				</view>
				<view style="width: 50vw;height: 5vh;display: flex;justify-content: space-around;">
					<view style="color: red;">￥{{item.price}}</view>
					<view style="width: 20vw;height: 3vh;background-color: #E43D33;font-size: 0.5rem;color: #fff;text-align: center;line-height: 3vh;border-radius: 10px;">1200积分可兑换</view>
				</view>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				MallList:[
					'../../../static/images/L优惠券.png','../../../static/images/L优惠券.png','../../../static/images/L优惠券.png','../../../static/images/L优惠券.png'
				],
				ShopList:[
					{
						img:'../../../static/images/Limg3.png',
						title:'Dai男士短袖发斯蒂芬斯蒂芬是',
						price:'88.0'
					},
					{
						img:'../../../static/images/Limg3.png',
						title:'Dai男士短袖发斯蒂芬斯蒂芬是',
						price:'88.0'
					},
					{
						img:'../../../static/images/Limg3.png',
						title:'Dai男士短袖发斯蒂芬斯蒂芬是',
						price:'88.0'
					},
				]
			}
		}
	}
</script>

<style>
</style>
